{include file="public/header" /}
<div class="layui-body">
<!--tab标签-->
<div class="layui-tab layui-tab-brief">
    <ul class="layui-tab-title">
        <li class="" onclick="upd()" style="font-size: 20px;color:dodgerblue">添加商品分类</li>
        <li class="" onclick="restore()" style="font-size: 20px;color:dodgerblue">恢复数据</li>
        <li id="facebook-list" class="input-text">
            <label style="font-size: 20px;color:dodgerblue">搜搜数据：
                <input  type="text" id="keyword" name="keyword" style="width:300px;" />
            </label>
        </li>
    </ul>
    <div id="searchBox" style="display:none;background-color:#e3e4e5;width:305px;height:100px;position:absolute;left:355px;"></div>
    <!--ajax收索框-->
    <script>
        $(document).ready(function(){
            $('input#keyword').keyup(function(){
                var mm=$('input#keyword').val();
                if(mm!=''){
                    $.ajax({
                        type:'GET',
                        url:"{:url('Ategory/checks')}",
                        data:'mm='+mm,
                        dataType:'Json',
                        success:function (result) {
                            //注意json大写js json解析
                           // alert(result);
                           var res=JSON.parse(result);
                            $('#searchBox').show();
                            var lab='<ul>';
                            $.each(res,function(i,val){
                                 lab+='<li  style="background-color: #01AAED;cursor: pointer;">'+val.goods_class_name+'</li>';
                            });
                                lab=lab+'</ul>';
                            $('#searchBox').html(lab);

                        },
                        error:function (err) {
                            //alert("数据查询失败");
                        }
                    });
                }else{
                    $('#searchBox').hide();
                    $('#searchBox').html('');
                }


            })
            /*function check(obj){
                alert(obj);
                $.ajax({
                    type:'GET',
                    url:"{:url('Ategory/check')}",
                    data:'name='+obj,
                    dataType:'JSON',
                    success:function (result){

                    },
                    error:function (err){

                    }
                });
            }*/

        })
    </script>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <table class="layui-table">
                <thead>

                <tr>
                    <th style="width: 30px;text-align: center">商品分类ID</th>
                    <th style="width: 30px;" align="center">商品类名称</th>
                    <th style="text-align: center">删除状态</th>
                    <th style="text-align: center">排序</th>
                    <th style="text-align: center">销量</th>
                    <th style="text-align: center">操作</th>
                </tr>
                </thead>
                <tbody>
                {volist name="result" id="value"}
                <tr id="dels{$value.id}">
                  {volist name='value' id='val'}
                           <td style="text-align: center;width:15%">{$val}</td>
                  {/volist}
                    <td style="text-align: center">
                        <a onclick="editor('{$value.id}','{$value.goods_class_name}','{$value.deleted}','{$value.sort}')" class="layui-btn layui-btn-normal layui-btn-mini">重新编辑</a>
                        <a href="javascript:void(0)" onclick="del('{$value.id}')" class="layui-btn layui-btn-danger layui-btn-mini">删除</a>
                    </td>
                </tr>
                {/volist}
                </tbody>
            </table>
        </div>
    </div>
</div>
</div>
{include file="public/footer" /}
<script>
    //修改商品分类信息
    function editor(id,claaName,deleted,sort){
        layer.open({
            type: 1,
            title:'<div style="color:orange;font-size: 25px;">修改商品分类信息</div>',
            skin: 'layui-layer-demo', //样式类名
            closeBtn: 1, //不显示关闭按钮
            shift: 1,
            area: ['500px', '300px'], //宽高
            shadeClose: true, //开启遮罩关闭
            content: "<form method='post' action='{:url('/admin/ategory/update')}'>" +
            '<input type="hidden" value="'+id+'" name="id">'+
            "<table ><div ><tr><td style='font-size: 15px;text-align: center;'>商品类名称:</td><td><input type='text'style='width:400px;height:30px;margin-top: 20px;' name='goods_class_name' value='"+claaName+"' /></td></tr></div>" +
            "<div ><tr><td style='font-size: 15px;text-align: center;height: 30px;line-height: 30px;'>状态:</td>" +
            "<td>" +
            "<select name='deleted' style='width:400px;height:30px;margin-top: 20px;'>" +
            "<option type='text' name='deleted'  value='添加' >添加</option>"+
            "<option type='text' name='deleted'  value='删除' >删除</option>"+
            "</select>"+
            "</td></tr></div>" +
            "<div ><tr><td style='font-size: 15px;text-align: center;'>排序:</td><td><input type='text'style='width:400px;height:30px;margin-top: 20px;' name='sort' value='"+sort+"' /></td></tr></div>" +
            "<div ><tr><td style='font-size: 15px;text-align: center;'></td><td><input type='submit'style='width:400px;height:50px;margin-top: 20px;font-size: 20px;' value='提交修改'/></td></tr></div>"+
            "</table></form>"
        });
    }
    //添加商品分类信息
   function upd(){
       layer.open({
           type: 1,
           title:'<div style="color:orange;font-size: 25px;">添加商品分类信息</div>',
           skin: 'layui-layer-demo', //样式类名
           closeBtn: 1, //不显示关闭按钮
           shift: 1,
           area: ['500px', '300px'], //宽高
           shadeClose: true, //开启遮罩关闭
           content: "<form method='post' action='{:url('/admin/ategory/add')}'>" +
           '<input type="hidden" value="" name="id">'+
           "<table ><div ><tr><td style='font-size: 15px;text-align: center;'>商品类名称:</td><td><input type='text'style='width:400px;height:30px;margin-top: 20px;' name='goods_class_name' value='' /></td></tr></div>" +
           "<div ><tr><td style='font-size: 15px;text-align: center;height: 30px;line-height: 30px;'>状态:</td>" +
           "<td>" +
           "<select name='deleted'style='width:400px;height:30px;margin-top: 20px;'>" +
           "<option type='text' name='deleted'  value='删除' >删除</option>"+
           "<option type='text' name='deleted' style='width:400px;height:30px;margin-top: 20px;' value='添加' >添加</option>"+
           "</select>"+
           "</td></tr></div>" +
           "<div ><tr><td style='font-size: 15px;text-align: center;'>排序:</td><td><input type='text'style='width:400px;height:30px;margin-top: 20px;' name='sort' value='' /></td></tr></div>" +
           "<div ><tr><td style='font-size: 15px;text-align: center;'></td><td><input type='submit'style='width:400px;height:50px;margin-top: 20px;font-size: 20px;' value='添加'/></td></tr></div>"+
           "</table></form>"
       });
   }
    //ajax实现异步删除数据（逻辑删除，只是改变字段的状态）
    function del(id) {
        $.ajax({
            type: "POST",
            url: "{:url('Ategory/del')}",
            data: 'id=' + id,
            dataType: "json",
            success: function (data) {
                // debugger;
                // alert(data+"##"+1);
                //window.location.reload(data);
                //layer弹出层
                var aa = layer.load(2, {shade: false});
                //一秒过后弹出层消失
                setTimeout(function () {
                    layer.close(aa);
                    layer.msg('删除成功！！！');
                    //获取点击删除的节点
                    var child = document.getElementById("dels" + id);
                    //把获取到的节点删除掉
                    child.remove();
                }, 1000);
            }, error: function (err) {
                alert("数据已逃跑，请刷新页面");
            }
        })
    }
    //恢复数据跳转地址
    function restore(){
       window.location.href="{:url('Ategory/restore')}";
    }
</script>

